<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
         .ui-timeLine {
            padding: 10px 0;
            position: relative;
            overflow: hidden;
        }

            .ui-timeLine > .item {
                display: block;
                position: relative;
                text-align: justify;
                text-justify:newspaper;
                word-break: break-all;
                /*padding-left: 50px;*/
                color: #fff;
                /*padding-right: 10px;*/
            }

                .ui-timeLine > .item > .box {
                    padding: 5px 0;
                }

                .ui-timeLine > .item .cbox {
                    position: relative;
                    /*left: 100vw;*/
                    transition: left 1s;
                    padding: 10px;
                    border-radius: 10px;
                    background-image: linear-gradient(45deg, rgba(0, 200, 255, 0.4) 0%, rgba(132, 43, 171, 0.4) 100%);
                    /*box-shadow: 3px 3px 8px #ccc;*/
                }

                .ui-timeLine > .item::after {
                    content: "";
                    display: block;
                    clear: both;
                }


            .ui-timeLine .date {
                font-size: 14px;
                font-weight: 900;
            }

            .ui-timeLine .title {
                font-size: 16px;
                font-weight: 900;
                line-height: 30px;
            }

            .ui-timeLine .types > span {
                font-size: 10px;
                border-radius: 5px;
                padding: 2px 10px;
                margin-right: 10px;
                border: 1px solid #fff;
            }
    </style>
</head>
<body>
    <div  class="ui-timeLine"  id="app">
      
            <a class="item">
                <div class="box">
                    <div class="cbox">
                        <div class="date">{{item.Time|formatData}}</div>
                      
                        <div class="title">{{item.Title}} </div>
                     
                          
                    </div>
                </div>
            </a>
            <div class="activeLine"></div>
        </div>
    <!-- <script src="src/basichange.js"></script> -->
</body>
</html>